<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>jq的ajax写法</title>
	</head>
	<p>p1</p>
	<div>d1</div>
	<p>p2</p>
	<div>d2</div>
	<body>
		<script src="jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			//原生AJAX
			/*
			   1.创建xhr对象
			   2.设置请求方式
			   3.监听状态值的改变
			   4.发送
			 * 
			 * */
			
			var url_search="https://netease2.bluej.cn/search";
			
			var url_base= "https://www.easy-mock.com/mock/5bed34f593d15a3354f9759a"
			
			var url_post=url_base+"/upload"
			
			var url_jsonp="http://suggest.taobao.com/sug?code=utf-8&q=鼠标"
			$.ajax({
				type:"get",                //请求方式      (method或type都是设置请求方式)
				url:url_jsonp,           //接口地址
				async:true,                 //设置是否异步
				dataType:"jsonp",             //数据类型
				headers:{                     //请求头信息
					token:"1616165"
				},
				data:{
					name:"春秋",
					                   //请求的参数
				},
				jsonpCallback:"call",                 //设置jsonp请求时的callback的名字
				beforeSend:function(){
					//发送请求之前所做的事情
					//debugger;
				},
				success:function(res){
					//成功回调			状态码：200
					console.log(res)
				},
				error:function(err){
					//失败回调
					console.warn(err)
				},
				complete(res){
					//完成回调
					console.log(res)
				}
			});
			
			//跨域解决办法:jsonp
			//跨域的原因:浏览器的同源政策，标签引用文件不受同源的影响，jsonp是动态创建script标签，将数据引入到页面中
			
			//前端发起的请求(script标签的引入)
			"http://suggest.taobao.com/sug?code=utf-8&q=鼠标&callback=cbbb"
			
			//前端  定义的函数
			function qwer(data){
				console.log(data)
			}
			qwer({data:123})
		</script>
	</body>
</html>
